<template>
  <div id="category">
    <NavBar class="project-nav"><div slot="center">个人资料</div></NavBar>
    <div class="content">
      <!-- :categories="categories"  -->
      <TabMenu 
      
      />
    </div>

  </div>
</template>

<script>
import NavBar from "@/components/common/navbar/Navbar"
// import TabMenu from './childComps/TabMenu'

export default {
  name:"Category",
  data() {
    return {
      // categories: []
    }
  },
  components: {
    NavBar,
    // TabMenu
  },
  created() {
    
  },
  methods: {

  }
}
</script>

<style scoped>
#category {
  height: 100vh;
}
.project-nav {
  background-color: #fb7299;  
  /* border-bottom:5px solid #fb7299   */
  color: whitesmoke;
}
.content {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  bottom: 49px;

  display: flex;
  overflow: hidden;
}
</style>
